<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <input type="button" v-on:click="show()" value="按钮1"><!--v-on-->
    <input type="button" @click="show()" value="按钮2"><!--简写v-on-->
</div>
<script src="../js/vue.js"></script><!--引入vue.js-->
<script>
    //创建vue核心对象，绑定数据
    new Vue({
        el: "#app", //指定受管理的标签
        data() {    //定义数据模型
            return {
                username : ""
            }
        },
        methods:{   //定义函数
            show() {
                alert("我被点了。。。")
            }
        }
    });
</script>
</body>
</html>